@extends("ogreencard/layout/layout")
@section("h1","套餐管理")
@section("h2","套餐列表")
@section("content")
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card">

                <div class="layui-card-header">
                    <button type="button" class="layui-btn" onclick="xadmin.open('添加类型','cardTypeEdit?id=0',700,500)"><i class="layui-icon">&#xe654;</i>新增</button>
                </div>

                <div class="layui-card-body layui-table-body layui-table-main">
                    <table class="layui-table layui-form">
                        <thead>
                        <tr>
                            <th>类型ID</th>
                            <th>套餐类型</th>
                            <th>套餐名称</th>
                            <th>兑换积分</th>
                            <th>套餐价值</th>
                            <th>详细内容</th>
                            <th>创建时间</th>
                            <th>操作</th></tr>
                        </thead>
                        <tbody>
                        @foreach($cardTypes as $type)
                            <tr>
                                <td>{{$type->pack_id}}</td>
                                <td>{{$type->pack_type_name}}</td>
                                <td>{{$type->pack_name}}</td>
                                <td>{{$type->pack_price}}</td>
                                <td>{{$type->pack_money}}</td>
                                <td>{!! str_replace("\n","<br>",$type->pack_content) !!}</td>
                                <td>{{$type->created_at}}</td>
                                <td class="td-manage">
                                    <a class="layui-btn layui-btn-sm" title="编辑" onclick="xadmin.open('卡券类型编辑','cardTypeEdit?id={{$type->pack_id}}',700,500)" href="javascript:;">
                                        <i class="layui-icon">&#xe642;</i>
                                    </a>

                                    <a class="layui-btn layui-btn-sm layui-btn-danger" title="删除" onclick="member_del(this,{{$type->pack_id}})" href="javascript:;">
                                        <i class="layui-icon">&#xe640;</i>
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    layui.use(['laydate','form','upload'], function(){
        var laydate = layui.laydate;
        var  form = layui.form;
        var upload = layui.upload;

        var $ = layui.jquery;
        // 监听全选
        form.on('checkbox(checkall)', function(data){

            if(data.elem.checked){
                $('tbody input').prop('checked',true);
            }else{
                $('tbody input').prop('checked',false);
            }
            form.render('checkbox');
        });
    });



    /*用户-删除*/
    function member_del(obj,id){
        layer.confirm('确认要删除吗？',function(index){
            //发异步删除数据
            $ = layui.jquery;
            $.get({
                url:'./cardTypeDel?id='+id,
                success:function(){
                    $(obj).parents("tr").remove();
                    layer.msg('已删除!',{icon:1,time:1000});
                }
            });
        });
    }

</script>
@endsection